.popup {  
    display: none; /* 默认不显示 */  
    position: fixed;  
    z-index: 999;  
    left: 0;  
    top: 0;  
    width: 100%;  
    height: 100%;  
    overflow: auto;  
    background-color: rgba(0,0,0,0.4);  
}  
  
.popup-content {  
    background-color: #FEBF4B;  
    margin: 15% auto;  
    padding: 20px;  
    border: 1px solid #888;  
    width: 80%;  
    max-width: 600px; /* 限制最大宽度以适应小屏幕 */  
    text-align: center;  
    border-radius: 10px;
    background-image: url(../images/meinv.jpg);
}  
  
.popup p{
    font-size: 20px;
    color: white;
}
  
@media screen and (max-width: 768px) {  
    .popup-content {  
        margin: 20% auto;  
        background-image: url(../images/meinv2.jpg);
        background-size: cover;
    }  
}

.caihong {
    font-size: 20px;
    background: linear-gradient(to right, cyan, #04ff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}